<div class="wrapper wrapper-content" ng-controller="todoCtrl">
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-4">
            <h2>欢迎使用助手</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li class="active">
                    <strong>todo</strong>
                </li>
            </ol>
        </div>
    </div>

    <div>
        <a href="#" ng-click="showAddTag()" class="pull-left"><h2>+</h2></a>
    </div>

    <br/>

    <div class="row white-bg">
        <div class="btn-group pull-right">
            <button ng-class="btn_todo" type="button" ng-click="changeBtn('todo')">待完成</button>
            <button ng-class="btn_done" type="button" ng-click="changeBtn('done')">已完成</button>
        </div>
        <div class="col-lg-12">
            <div class="wrapper wrapper-content animated fadeInUp">

                <ul class="notes" ng-init="getTodoList()">
                    <li data-ng-show="tag_add_show">
                        <div>
                            <textarea ng-model="tx_area"></textarea>
                            <a href="#" ng-click="addTodo()">save</a>
                        </div>
                    </li>
                    <li data-ng-show="todoListShow" ng-repeat="todo in todoList">
                        <div>
                            <small>{{todo.createTime|date:'yyyy-MM-dd HH:mm:ss'}}</small>
                            <h4>{{todo.content}}</h4>
                            <a href="#" ng-click="finishTodo($index,todo.id)"><i class="fa fa-check"></i></a>
                        </div>
                    </li>

                    <li data-ng-show="doneListShow" ng-repeat="done in doneList">
                        <div>
                            <small>{{done.createTime|date:'yyyy-MM-dd HH:mm:ss'}}</small>
                            <h4> </h4>
                            <p><h5>{{done.content}}</h5></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>